body{
    margin: 0;
}
*{
    box-sizing: border-box;
}


 /*页面前进动画*/
    .pagein-enter {
        transform: translate(-100%, 0);
    }
    .pagein-enter-active,
    .pagein-leave-active {
        transition: all 0.7s;
        position: absolute !important;
        width: 100%;
    }
    .pagein-enter-to,
    .pagein-leave {
        transform: translate(0, 0);
    }
    .pagein-leave-to {
        transform: translate(100%, 0);
    }
    /*页面后退动画*/
    .pageout-leave,
    .pageout-enter-to {
        transform: translate(0, 0);
    }
    .pageout-leave-active,
    .pageout-enter-active {
        transition: all 0.7s;
        position: absolute !important;
        width: 100%;
    }
    .pageout-leave-to {
        transform: translate(-100%, 0);
    }
    .pageout-enter {
        transform: translate(100%, 0);
    }

    

